.__AC {
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: .2s;
    -o-transition-timing-function: linear;
    -ms-transition-property: all;
    -ms-transition-duration: .2s;
    -ms-transition-timing-function: linear
}

.__AC_,.__AC_ * {
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: .2s;
    -o-transition-timing-function: linear;
    -ms-transition-property: all;
    -ms-transition-duration: .2s;
    -ms-transition-timing-function: linear
}

@font-face {
    font-family: "futura";
    src: url("../font/futura/futura-medium.ttf")
}

input,textarea,select {
    -webkit-appearance: none;
    outline: none
}

body,ul,p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    work-break: break-all;
    font-family: 'Microsoft yahei','arial';
    word-wrap: break-word;
    list-style: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

table,form {
    margin: 0;
    padding: 0
}

a,input,textarea,select {
    text-decoration: none;
    color: #4C4D4C;
    outline: none;
    hide-focus: expression(this.hideFocus=true);
    font-family: 'Microsoft yahei','arial'
}

img {
    border: 0
}

html,* html body {
    background-image: url(about:blank);
    background-attachment: fixed
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none
}

.text_c {
    text-align: center
}

.text_r {
    text-align: right
}

.text_l {
    text-align: left
}

.cur_p {
    cursor: pointer
}

.float_l {
    float: left
}

.float_r {
    float: right
}

.clear_b {
    clear: both
}

.dis_b {
    display: block
}

.dis_n {
    display: none
}

.over_h {
    overflow: hidden
}

.over_s {
    overflow: scroll
}

.pos_a {
    position: absolute
}

.pos_r {
    position: relative
}

.text_c {
    text-align: center
}

.pos_a {
    position: absolute
}

.pos_r {
    position: relative
}

.font_s12 {
    font-size: 12px
}

.font_s13 {
    font-size: 13px
}

.font_s14 {
    font-size: 14px
}

.font_s15 {
    font-size: 14px
}

.font_s16 {
    font-size: 16px
}

.p_x2 {
    text-indent: 2em
}

html {
    overflow-x: hidden;
    overflow-y: scroll
}

.m_ {
    display: none
}

.pc_ {
    display: block
}

body {
    background: #ffffff;
    position: relative;
    left: 0
}

._BOX {
    position: relative
}

.DEFS {
    width: 970px;
    margin: 0 auto
}

#BANNER .banner_p {
    position: absolute;
    padding: 10px;
    background: url(../img/turn_l0.png) no-repeat;
    width: 11px;
    height: 15px;
    z-index: 99;
    left: 2%;
    cursor: pointer;
    top: 50%
}

#BANNER .banner_n {
    position: absolute;
    padding: 10px;
    background: url(../img/turn_r0.png) no-repeat;
    width: 11px;
    height: 15px;
    z-index: 99;
    right: 2%;
    cursor: pointer;
    top: 50%
}

#BANNER_IN img {
    width: 100%;
    height: auto;
    vertical-align: top
}

#HEAD_BG {
    background: rgba(255,255,255,0.7);
    z-index: 190;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

#HEAD {
    position: relative;
    height: 68px
}

#HEAD .logo {
    position: absolute;
    left: 0;
    top: 10px
}

#HEAD .logo img {
    width: 224px;
    height: auto
}

#HEAD .lang {
    position: absolute;
    right: 20px;
    top: 8px;
    display: flex;
    align-content: center;
    align-items: center
}

#HEAD .lang span {
    font-size: 13px;
    color: #888;
    padding: 0 10px 0 0
}

#HEAD .lang a {
    border: 1px solid #888;
    color: #888;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    display: flex;
    align-content: center;
    align-items: center
}

#HEAD .menu {
    position: absolute;
    right: 10px;
    top: 40px;
    display: flex;
    justify-content: space-between
}

#HEAD .menu li {
    position: relative;
    height: 30px;
    line-height: 30px
}

#HEAD .menu li a {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    display: inline-block
}

#HEAD .menu li a.active {
    background: rgba(0,0,0,0.8);
    color: #eee
}

#HEAD .menu li a:hover {
    background: rgba(0,0,0,0.8);
    color: #eee
}

#HEAD .menu li ul {
    display: none;
    position: absolute;
    text-align: center;
    padding: 12px 0 12px 0;
    left: 0;
    width: 240px;
    background: rgba(255,255,255,0.85);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    top: 28px
}

#HEAD .menu li ul a {
    display: block;
    opacity: 0;
    font-size: 13px;
    margin: 0 0 0 10px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding: 0 22px;
    color: #666;
    font-weight: normal
}

#HEAD .menu li ul a span {
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px 0 0
}

#HEAD .menu li ul a:hover {
    color: #e2251d;
    background: none
}

#FOOT_BG {
    background: #272727
}

#FOOT_BG #FOOT {
    padding: 80px 0 30px 0
}

#FOOT_BG #FOOT .logo {
    text-align: center
}

#FOOT_BG #FOOT .logo img {
    width: 90px
}

#FOOT_BG #FOOT .menu {
    text-align: center;
    padding: 30px 0 70px 0
}

#FOOT_BG #FOOT .menu a {
    color: #888;
    margin: 0 10px;
    font-size: 14px;
    letter-spacing: 0.02em
}

#FOOT_BG #FOOT .menu a:hover {
    opacity: 0.8
}

#FOOT_BG #FOOT .copyright {
    padding: 10px 0 0 0;
    border-top: 1px solid #888;
    display: flex;
    justify-content: space-between;
    color: #888;
    letter-spacing: 0.03em
}

.sub_menu {
    position: relative;
    top: 58px;
    background: #fff;
    border-top: 3px solid #d5444a;
    box-shadow: 4px 4px 3px rgba(0,0,0,0.2);
    padding: 14px 0
}

.sub_menu a {
    display: inline-block;
    line-height: 22px;
    padding: 11px 6px;
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500
}

.sub_menu a span {
    padding: 0 5px 0 0;
    font-size: 16px;
    font-weight: 800
}

.sub_menu a:nth-last-child(1) {
    border-bottom: 0
}

.sub_menu a.selected {
    color: #e2251d
}

.sub_menu a:hover {
    color: #e2251d
}

.KONG {
    padding: 110px 0 0 0;
    min-height: 500px;
    display: flex;
    justify-content: space-between
}

.KONG .L {
    width: 20%
}

.KONG .R {
    width: 76%
}

.KONG .R .RCC {
    margin: 20px 0 70px 0;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 30px 30px 30px;
    box-shadow: 4px 4px 3px rgba(0,0,0,0.2)
}

.KONG .R .RCC .sub_hhh {
    color: #e2251d;
    height: 30px;
    line-height: 20px;
    font-weight: 500;
    font-size: 16px
}

.gps_right {
    text-align: right;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: bold
}

.gps_right a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block
}

.gps_hhh h2 {
    color: #e2251d;
    border-bottom: 1px solid transparent;
    padding: 0 0 4px 0;
    font-size: 20px;
    line-height: 18px;
    height: 30px;
    line-height: 24px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid;
    box-sizing: border-box;
    border-image: -webkit-linear-gradient(left, #d09292 0%, #d12c3c 100%) 5
}

#BANNER {
    display: block;
    margin: 0;
    width: 100%;
    height: 500px;
    position: relative
}

#BANNER .li {
    position: absolute;
    opacity: 0;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 0
}

#BANNER .li img {
    width: 100%;
    height: 500px;
    vertical-align: top
}

#BANNER li:nth-child(1) {
    opacity: 1;
    z-index: 20
}

#BANNER .conl {
    position: absolute;
    z-index: 50;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center
}

#BANNER .conl a {
    margin: 0 5px;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    background: rgba(255,255,255,0.9)
}

#BANNER .conl a.active {
    background: #4C4D4C
}

.__backtop {
    margin: 0 0 70px 0;
    text-align: center
}

.__backtop a {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #666;
    color: #666;
    margin: 0 3px
}

.__backtop a:hover {
    opacity: 0.7
}

@media screen and (max-width: 650px) {
    .single-item-m {
        height:0;
        overflow: hidden;
        position: relative
    }

    #BANNER_M .slick-track {
        position: relative
    }

    #BANNER_M .slick-dots {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 11px;
        left: 0;
        transform: scale(0.5)
    }

    #BANNER_M li {
        display: inline-block;
        margin: 0 7px
    }

    #BANNER_M li button {
        background: #666;
        height: 20px;
        width: 20px;
        border-radius: 120px;
        opacity: 1;
        overflow: hidden;
        color: #666;
        border: 0;
        outline: 0
    }

    #BANNER_M .slick-active button {
        background: #fff;
        color: #fff
    }

    .KONG {
        padding: 14px 0 0 0;
        width: 100% !important;
        margin: 0 auto;
        min-height: 500px;
        display: flex;
        justify-content: space-between
    }

    .KONG .L {
        display: none
    }

    .KONG .R {
        width: 90%;
        margin: 0 auto
    }

    .KONG .R .RCC {
        margin: 20px 0 70px 0;
        background: #fff;
        box-sizing: border-box;
        padding: 17px 20px 20px 20px;
        box-shadow: 4px 4px 3px rgba(0,0,0,0.2)
    }

    .KONG .R .RCC .sub_hhh {
        color: #e2251d;
        height: auto;
        line-height: 20px;
        padding: 0 0 10px 0;
        font-weight: 500;
        font-size: 16px
    }

    #MENU_M_MASK {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 80;
        display: none
    }

    #MENU_M_UL {
        background: #353334;
        position: fixed;
        z-index: 999;
        top: 0;
        right: -100%;
        opacity: 1;
        display: none;
        height: 100%;
        width: 100%;
        min-height: 100%
    }

    #MENU_M_UL .close {
        color: #eee;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #2C2A2B;
        padding: 0 5%
    }

    #MENU_M_UL .close span {
        font-size: 30px;
        font-weight: bold
    }

    #MENU_M_UL li {
        line-height: 44px;
        font-size: 15px;
        border-bottom: 1px solid #2C2A2B
    }

    #MENU_M_UL li a {
        width: 100%;
        display: block;
        color: #eee;
        margin: 0 0 0 7%
    }

    #MENU_M_UL li ul {
        background: #232122
    }

    #MENU_M_UL li ul a {
        height: 36px;
        line-height: 36px
    }

    .DEFS {
        width: 95%;
        margin: 0 auto
    }

    .m_ {
        display: inherit !important
    }

    .pc_ {
        display: none !important
    }

    .del_ {
        display: none !important
    }

    #BANNER {
        display: none
    }

    #HEAD_BG {
        height: 48px;
        background: #fff;
        position: relative
    }

    #HEAD {
        height: 48px
    }

    #HEAD .logo {
        left: 1%;
        top: 11px
    }

    #HEAD .logo img {
        width: 149px
    }

    #HEAD .lang {
        right: 50px;
        top: 14px
    }

    #HEAD .M_MENU {
        position: absolute;
        right: 1%;
        top: 12px;
        width: 30px
    }

    #HEAD .M_MENU img {
        width: 100%;
        height: auto;
        vertical-align: top
    }

    #FOOT_BG {
        background: #272727
    }

    #FOOT_BG #FOOT {
        padding: 50px 0 30px 0
    }

    #FOOT_BG #FOOT .logo {
        text-align: center
    }

    #FOOT_BG #FOOT .logo img {
        width: 90px
    }

    #FOOT_BG #FOOT .menu {
        text-align: center;
        padding: 30px 0 40px 0
    }

    #FOOT_BG #FOOT .menu a {
        display: block;
        line-height: 33px;
        color: #888;
        margin: 0 10px;
        font-size: 14px;
        letter-spacing: 0.02em
    }

    #FOOT_BG #FOOT .menu a:hover {
        opacity: 0.8
    }

    #FOOT_BG #FOOT .copyright {
        width: 90%;
        display: block
    }
}